.dd-step-horizontal{
  .el-step__title{
    font-size: 14px;
  }
  .el-step__icon{
    background: #e0e0e0;
    width: 14px;
    height: 14px;
  }
  .el-step__icon.is-text{
    border: none;
    .el-step__icon-inner{
      opacity:0;
    }
  }
  .el-step__line{
    background: #e0e0e0;
  }
  .el-step.is-horizontal .el-step__line{
    height: 1px;
    top: 9px;
    .el-step__line-inner{
      border-width: 0.5px !important;
    }
  }

  //当前阶段
  .el-step__head.is-process{
    .el-step__icon{
      background: #006FD3;
    }
  }
  .el-step__title.is-process{
    color: #006FD3;
    line-height: 32px;
  }
  //完成阶段
  .el-step__head.is-success{
    border-color: #3293EA;
    .el-step__icon{
      background: #3293EA;
    }
  }
  .el-step__title.is-success{
    color: #3293EA;
  }
  //流程完成
  .last{
    .el-step__head .el-step__icon:after{
      width: 8px;
      height: 8px;
      border-radius: 100%;
      background-color: #e0e0e0;
      border:1px solid #ffffff;
      content: "";
      position: absolute;
      left: 2px;
      top: 2px;
    }
    .el-step__head.is-process .el-step__icon:after{
      background-color: #006FD3;
    }
    .el-step__head.is-success .el-step__icon:after{
      background-color: #006FD3;
    }

  }
}


.dd-step-vertical{
  .el-step__title{
    font-size: 14px;
  }
  .el-step__icon{
    background: #e0e0e0;
    width: 14px;
    height: 14px;
  }
  .el-step__icon.is-text{
    border: none;
    .el-step__icon-inner{
      opacity:0;
    }
  }
  .el-step__line{
    background: #e0e0e0;
  }
  .el-step.is-vertical .el-step__line{
    width: 1px;
    left: 7px;
    top:5px;
    height: 100%;
    .el-step__line-inner{
      border-width: 0.5px !important;
    }
  }

  //当前阶段
  .el-step__head.is-process{
    .el-step__icon{
      background: #006FD3;
    }
  }
  .el-step__title.is-process{
    color: #006FD3;
    line-height: 24px;
  }
  //完成阶段
  .el-step__head.is-success{
    border-color: #3293EA;
    .el-step__icon{
      background: #3293EA;
    }
  }
  .el-step__title.is-success{
    color: #3293EA;
  }
  //流程完成
  .last{
    .el-step__head .el-step__icon:after{
      width: 8px;
      height: 8px;
      border-radius: 100%;
      background-color: #e0e0e0;
      border:1px solid #ffffff;
      content: "";
      position: absolute;
      left: 2px;
      top: 2px;
    }
    .el-step__head.is-process .el-step__icon:after{
      background-color: #006FD3;
    }
    .el-step__head.is-success .el-step__icon:after{
      background-color: #006FD3;
    }

  }
}


